
.header {
  .header-box {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;

      .header-l {
          width: 95px;
          height: 44px;
      }

      .header-m {
          height: 50px;
          margin-right: 10%;
          font-size: 36px;
          color: #333333;
          letter-spacing: 0;
          font-weight: 500;
      }
  }

  .img {
      width: 750px;

  }
}

.tab {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100px;
  background-color: #fff;
  margin-bottom: 30px;
  .order-m {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .order-txt {
      width: 56px;
      height: 40px;

  }

  .box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
}

.goodList {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  background-color: #f6f7f9;
  padding-bottom: 40px;
  .goodList-item {
      background-color: #fff;
      width: 350px;
      .img {
          height: 339px;
      }
      .goods-txt {
          width: 350px;
          padding-top: 20px;
          background-color: #f6f7f9;
          display: flex;
          justify-items: center;
          align-items: flex-start;
          flex-direction: column;

          .txt-t {
            width: 80%;
              font-size: 26px;
              text-align: left;
              color: #333333;
              letter-spacing: 0;
              font-weight: 500;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
          }

          .txt-b {
              font-size: 26px;
              color: #9E4242;
              letter-spacing: 0;
              font-weight: 400;
          }

      }
  }
  li:last-child{
      width: 350px;
      height: 0;

  }

}

.active {
  color: #deb12a;
}